<div class="panel panel-primary">
	<div class="panel-heading">
		<h3 class="panel-title"><c:out value="${anime.name}" /></h3>
	</div>

	<div class="panel-body">
		<div class="col-sm-3">
			<img class="img-responsive" src="<c:out value="${anime.pathImg}"/>"/>	
		</div>
		
		<div class="col-sm-9">
			<div class="panel panel-primary">
		  		<div class="panel-heading">
					<h3 class="panel-title">Synopsis</h3>
				</div>
				<div class="panel-body">
					<p><c:out value="${anime.synopsis}"/></p>
	  			</div>
	  		</div>
			<div class="panel panel-primary">
		  		<div class="panel-heading">
					<h3 class="panel-title">
					<table>
						<td>Staff</td>
						<td>
        					<a href="/newStaff?anime_id=<c:out value="${anime.id}" />"><button class="btn btn-default">Add staff</button></a>
    					</td>
   					</table>
   					</h3>
				</div>
				<div class="panel-body">
					<table class="table table-hover">
					<c:forEach var="i" items="${staff}" varStatus="person">
						<tr>
				        	<td>
				        		<a href="/personSheet?person_id=<c:out value="${people[person.index]['id'] }" />">
				        		<c:out value="${people[person.index]['lastName'] }"/>,  
				        		<c:out value="${people[person.index]['firstName'] }"/></td>
				        	<td><c:out value="${i.role}"/></td>
				        </tr>
	     			</c:forEach>
     				</table>
				</div>
			</div>
			<div class="panel panel-primary">
		  		<div class="panel-heading">
					<h3 class="panel-title">
					<table>
						<td>Reviews</td>
						<td>
        					<a href="/newReview?anime_id=<c:out value="${anime.id}" />"><button class="btn btn-default">Add review</button></a>
    					</td>
   					</table>
   					</h3>
				</div>
				
				<div class="panel-body">
					<c:forEach items="${reviews}" var="element">
						
						<div class="panel panel-info">
						    <div class="panel-body">
						    	<table class="table table-hover">
						    		<tr>
										<td><c:out value="${element.userName }"/></td>
								    	<td>Rating : <c:out value="${element.score}"/></td>
								    </tr>
							        <tr>
							          <td><c:out value="${element.review}"/></td>
							        </tr>
						        </table>   
						    </div>   
				    	</div>
	    
	     			</c:forEach>
				</div>
			</div>
		</div>
	</div>
</div>